import { createStyles } from 'antd-style';

export const useOffersCardStyles = createStyles(({ token }) => ({
    wrap: {
        flex: '1 1 408px',
        ':last-child': {
            maxWidth: '50%',
            marginRight: 'auto',
            '@media (max-width: 1466px)': {
                maxWidth: '100%',
            },
        },

    },
    inventory: {
        padding: '16px',
        borderRadius: '16px',
        background: token.colorBgContainer,
        flex: '1 1 calc(50% - 8px)',
    },
    card: {
        width: '58px',
        height: '58px',
        borderRadius: '15px',
        border: '1px solid #232C34',
        overflow: 'hidden',
        position: 'relative',
        'img': {
            width: '100%',
            height: '100%',
            objectFit: 'cover',
        },
    },
    offerDescription: {
        display: 'flex',
        alignItems: 'self-end',
        marginBottom: '16px',
        flexWrap: 'wrap',
    },
    cardsWrapper: {
        marginTop: '8px',
    },
    cardDivider: {
        marginBlock: '8px',
    },
}));